<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>styleOption</title>
    <script src='../js/jquery.1.11.3.min.js'></script>
    <script src='../js/scrollBar.js'></script>
    <style>
        .text {
            width: 100%;
            text-align: center;
            margin :0;
        }
        .text p{
            width: 100%;
        }
    </style>
</head>
<body>
    <h2>是否显示滚动条</h2>
    <div style='width: 1000px;margin:100px auto;'>
        <div class="text">
            <h4>夏蝉</h4>
            <p>天，忽明忽暗</p>
            <p>蝉，忽鸣忽歇</p>
            <p>我，忽梦忽醒</p>
            <p>这几日，过着最悠闲自在的日子</p>
            <p>听风听雨听蝉听阳光虽听不见你</p>
            <p>常于阳台处温一壶日光，就着穿堂而过的风轻抿一口生活</p>
            <p>师傅在修剪枝桠，一双粗大布满老茧的手把树形变得精致</p>
            <p>三两只小猫慵懒的晒着日光浴，朝着推门而入的姑娘讨好</p>
            <p>楼下阿姨不再叽叽喳喳，只是安安静静的看着那些泡沫剧</p>
            <p>心里有个远方，却不知如何起航</p>
            <p>白云排着长队吹着哨子缓慢前行</p>
            <p>一匹白马脱离组织飞奔至我眼前</p>
            <p>微一伸手，抓住马缰，行至远方</p>
            <h4>冬.梦</h4>
            <p>风，呼啸而过</p>
            <p>雨，倾泻而下</p>
            <p>我，忽梦忽醒</p>
            <p>梦里贪欢，瞧见那门外银装素裹</p>
            <p>听风听雨听雪听月光仍听不见你</p>
            <p>江南水乡的女子，梦入遥远的北方，撑一把开满蔷薇的伞</p>
            <p>轻踏青石板，在白雪皑皑里恣意迷茫，洗净所有念念不忘</p>
            <p>曾葳蕤的树木，承载着厚厚积雪，在寒风凛冽中岿然不动</p>
            <p>放眼祖国河山一草一木，如泼墨山水画般充盈着清淡雅致</p>
            <p>阳光憋不住了，穿过层层阻碍，倾泻而下，撩起金光一片</p>
            <p>石阶上，铺满一串串清晰的小脚印</p>
            <p>蜿蜒向远方，那是孩子寻梦的方向</p>
            <p>你看，绯红的裙角在风中微微上扬</p>
            <p>惊醒，推门，月明星稀，晴空万里</p>
        </div>
    </div>
    <script>
        $('.text').scrollBar({
            barShow:false,//是否显示滚动条
            isFadeOut:true//鼠标移入移出是否淡入淡出滚动条
        });
    </script>
</body>
</html>